<template>
  <div class="email-config-container">
    <BasicForm @submit="handleSubmit" @register="registerForm" />
  </div>
</template>

<script lang="ts">
  import { defineComponent } from 'vue';
  import { emailSchemas } from './email.data';
  import { BasicForm, useForm } from '/@/components/Form/index';

  export default defineComponent({
    name: 'EmailConfig',
    components: { BasicForm },
    setup() {
      const [registerForm, { setFieldsValue, validate, validateFields }] = useForm({
        labelWidth: 200,
        schemas: emailSchemas,
        showResetButton: false,
        submitButtonOptions: {
          text: '保存',
        },
        wrapperCol: {
          span: 14,
        },
      });
      function handleSubmit() {}
      return {
        emailSchemas,
        handleSubmit,
        registerForm,
      };
    },
  });
</script>
<style>
  .email-config-container {
    padding: 100px;
    height: 100%;
    background: #fff;
  }
</style>
